<template>
    <div id="nav">
        <div id="one">
            <router-link to="/homepage" id="st-nav">首页</router-link>
            <div id="line"></div>
        </div>
        <router-link to="/training" id="st-nav">培训</router-link>
        <router-link to="/information" id="st-nav">资讯</router-link>
        <router-link to="/alliance" id="st-nav">联盟</router-link>
        <router-link to="/about" id="st-nav">关于</router-link>
        <router-link to="/contact" id="st-nav">联系</router-link>
    </div>

</template>

<script>
export default {
    
}
</script>

<style scoped>
    #nav{
        width:40%;
        display:flex;
        justify-content: space-between;
        margin-top:30px;
        margin-left:200px;
        font-size:20px;
        font-weight: 550;
    }
    #st-nav{
        font-size:20px;
        font-weight: 550;
        text-decoration: none;
        color:black;
    }
    #line{
        width:40px;
        height:4px;
        background:rgb(0,160,232);
        opacity:0;
    }
</style>